<template>
  <div class="container bg2" style="height: 1380rpx">
    <div class="title">
      <h2>哪些人适合学影视后期？</h2>
      <p class="f-title">影视后期软件简单易懂 几乎适合所有人群</p>
    </div>
    <ul>
      <li class="l1">
        <h2>应届毕业生</h2>
        <p>培养一技之长</p>
      </li>
      <li class="l2">
        <h2>零基础小白</h2>
        <p>无美术功底无操作经验</p>
      </li>
      <li class="l3">
        <h2>在职从业者</h2>
        <p>掌握最新影视后期技能</p>
      </li>
      <li class="l4">
        <h2>意向转行者</h2>
        <p>提升就业竞争力</p>
      </li>
    </ul>
    <div class="more-btn">我适合学什么？</div>
  </div>
</template>
<script setup></script>
<style lang="scss" scoped>
ul {
  width: 100%;
  box-sizing: border-box;
  padding: 20rpx;
  color: #fff;
  li {
    margin-bottom: 14rpx;
    width: 664rpx;
    height: 216rpx;
    overflow: hidden;
    h2 {
      margin-top: 62rpx;
      margin-left: 209rpx;
      font-size: 38rpx;
      line-height: 38rpx;
      color: #feebde;
    }
    p {
      margin-top: 13rpx;
      margin-left: 209rpx;
      font-size: 30rpx;
      line-height: 36rpx;
      color: #e8e8e8;
    }
  }
  li:nth-child(1) {
    background: url(@/assets/course/p4-li1.png) no-repeat center;
    background-size: 664rpx 216rpx;
  }
  li:nth-child(2) {
    background: url(@/assets/course/p4-li2.png) no-repeat center;
    background-size: 664rpx 216rpx;
  }
  li:nth-child(3) {
    background: url(@/assets/course/p4-li3.png) no-repeat center;
    background-size: 664rpx 216rpx;
  }
  li:nth-child(4) {
    background: url(@/assets/course/p4-li4.png) no-repeat center;
    background-size: 664rpx 216rpx;
  }
}
</style>
